@import "ng-devui/styles-var/devui-var.scss";
@import "src/app/@shared/styles/common.scss";
.da-form-card {
  padding-bottom: 24px;
  height: 100%;

  .da-form-card-title {
    margin-bottom: 24px;
  }
}

form {
  margin: 0 auto;
  max-width: 65%;
}

@media only screen and (max-width: 1023px) {
  form {
    max-width: 80%;
  }
}

.single-checkbox {
  display: block;
  margin-right: 8px;
}

.single-checkbox:not(:last-child) {
  margin-bottom: 8px;
}

.form-control-width {
  width: 100%;
}
.u-1-3 {
  width: 90%;
}

.devui-form-horizontal .devui-form-label {
  flex: 0 0 120px;
}

d-button{
  margin-right: 12px;
}
.btn-group{
  margin-top: 8px;
}

.ms-3{
  margin-left: 8px
}
.mt-2{
  margin-top: 6px
}
.mt-3{
  margin-top: 8px
}
.mt-5{
  margin-top: 24px
}
.px-5{
  padding: 25px 0 25px 0!important;
}
.page-footer{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.underline{
  text-decoration: underline;
}

.card{
  width: 100%;
  height: 100%;
  background-color: #ffffff!important;
  padding: 0px 15px 0 15px;
}
.d-flex{
  display: flex;
}
.align-items-center{
  align-items: center;
}
.align-items-bottom{
  align-items: bottom;
}
.justify-content-center{
  justify-content: center;
}
.flex-col{
  flex-direction: column;
}
.h-100{
  height: 100%;
}
h2{
  margin: 8px;
  font-size: $devui-font-size-data-overview;
}
p{
  font-size: 14px;
}
form{
  max-width: 100%;
}
label{
  font-size: $devui-font-size
}
.invalid{
  color: #f66f6a;
}
.departments{
  height: calc(100vh - 380px);
}
.card-title{
  padding:5px 0  ;
  border-bottom: 1px solid $devui-list-item-hover-bg;
}
.card-title span{
  font-size:$devui-font-size-card-title;
}
.card-body{
  height: calc(100% - 110px);
  overflow-y: auto;
  padding: 10px 0;
  margin-bottom: 10px;
  border-bottom:  1px solid $devui-list-item-hover-bg;
}
.employs-box{
  width: calc(100% - 265px);
  position: relative;
}
.list-content{
  margin-top: 12px;
  max-height: calc(100vh - 330px);
}
.table-card{
  position: relative;
}
.page-footer{
  position: absolute;
  bottom: 8px;
  width: calc(100% - 15px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  p{
    font-size: $devui-font-size	;
  }
}
.underline{
  text-decoration: underline;
}
.me-2{
  margin-right: 5px;
}
:host ::ng-deep .custom-class {
  .devui-toast-message-success{
  .devui-toast-item {
    width: 26em;
    color: #252b3a;
    background-color:$devui-success-bg;
    .devui-toast-icon-close{
      top: 10px;
      right: 13px;
      .devui-toast-close-icon {
        fill: #252b3a;
      }
    }
    .devui-toast-image {
      top: 15px;
    }
    .devui-toast-message {
      line-height: 23px;
      .devui-toast-title {
        font-size: 16px;
      }
      p {
        font-size: 14px;
      }
    }
  }
  }
  .devui-toast-item {
    color: #f3f3f3;
    background-color:$devui-red-50;
    width: 26em;
    .devui-toast-icon-close{
      top: 10px;
      right: 13px;
      .devui-toast-close-icon {
        fill: #252b3a;
      }
    }
    .devui-toast-image {
      top: 15px;
    }
    .devui-toast-message {
      line-height: 23px;
      .devui-toast-title {
        font-size: 16px;
      }
      p {
        white-space: nowrap;
        font-size: 14px;
      }
    }
  }
}
.dDropDown{
  display: inline-block;
}
ul.devui-dropdown-menu{
  padding: 1px!important;
}
.dl-row {
   --bs-gutter-x: 0px!important;
}
d-button-group{
  margin-right: 12px;
  d-button{
    margin-right: 0px!important;
  }
}
.fitter{
  input{
    height: 27px!important
  }
}
.d-input{
  display: inline-flex;
  width: 320px;
  align-items: center;
  d-select{
    margin-left: 8px;
  }
}
.card-header{
  display: flex;
  align-items: center;
}
:host ::ng-deep .devui-form-control.devui-select-input {
  line-height: 14px;
  height: 31px!important;
}
:host ::ng-deep .devui-tag-item.true {
  background-color: $devui-green-60;
  color: $devui-light-text;
  box-sizing: border-box;
}
:host ::ng-deep .devui-tag-item.false {
  box-sizing: border-box;
  background-color: $devui-warning;
  color: $devui-light-text;
}

d-tag {
  margin: 4px;
}
